웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > webdevetc

[Bookmarklet] Safari에서 북마크릿 오류가 발생하는 경우

Last Modified : 2015-11-15 / Created : 2014-08-30
2,720
View Count
자주 사용하고 만드는데 얼마 전에 새로 만든 북마크릿이 동작하지 않는 에러가 발생했습니다. 오직 사파리에서만 안되고 디버깅도 안되서 한참을 고민한 끝에 마침내 해결은 하였습니다.

확인해보니 사파리에서는 북마크릿을 브라우저에 등록하는 과정에서 자동인코딩이 되더군요. 그 과정에서 % 문자가 인코딩되기 때문에 발생한 문제더군요;; 결국 아래와 같이 해결했습니다.

[ 1 ] 북마크릿 사파리 오류 해결 과정(인코딩 문제)



 Example 
기존의 코드 - width: 100%;
수정된 코드 - width: 100%
// 코드에 포함된 % 문자를 아래와 같이 %로 모두 변경함



최근들어 반응형 웹사이트를 구현하다보니 텍스트나 문서 요소에 상대적 크기인 %를 사용해서 발생되는 문제더군여... 퍼센트 기호를 아스키 코드로 바꾸는 방법이 효과적입니다.

Previous

Tag cloud (태그 구름) 알아보기

Previous

리눅스 유닉스 파일 권한 설정 알아보기 777, 755